/*
      参数和查询的改变不会触发进入/离开的导航守卫，但可以通过watch(观察)$route对象来应对这些变化，或使用beforeRouteUpdate 的组件内守卫


      全局前置守卫
            当一个导航触发时，全局前置守卫按照创建顺序调用
            确保next函数在任何给定的导航守卫中都被严格调用一次
          
            router.beforeEach((to, from, next) => {
              // ...
            })

            next() 进行管道中的下一个钩子
            next(false) 中断当前的导航
            next('/xxx') next({ path: '/'}) 跳转到一个不同的地址，当前的导航被中断，然后进行一个新的导航。
                                            router-link的to属性和router.push中的选项都可以在此运用
        
      全局后置钩子
            与守卫不同，这些钩子不会接收next函数，也不会改变导航本身
              router.afterEach((to, from) => {
                // ...
              })



      路由独享的守卫
          const router = new VueRouter({
            routes: [
              {
                path: '/foo',
                component: Foo,
                beforeEnter: (to, from, next) => {
                  // ...
                }
              }
            ]
          })


      组件内的守卫


      
      完整的导航解析流程
        1.导航被触发。
        2.在失活的组件里调用 beforeRouteLeave 守卫。
        3.调用全局的 beforeEach 守卫。
        4.在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。
        5.在路由配置里调用 beforeEnter。
        6.解析异步路由组件。
        7.在被激活的组件里调用 beforeRouteEnter。
        8.调用全局的 beforeResolve 守卫 (2.5+)。
        9.导航被确认。
        10.调用全局的 afterEach 钩子。
        11.触发 DOM 更新。
        12.调用 beforeRouteEnter 守卫中传给 next 的回调函数，创建好的组件实例会作为回调函数的参数传入。

*/